<template>
  <view class="page">
    <image
      src="http://m.cloudhouse.live/%E5%AE%89%E5%BF%83%E5%AE%BF%E6%88%BF%E4%B8%9C-%E5%B8%AE%E5%8A%A9%E4%B8%AD%E5%BF%83%E9%A1%B6%E5%9B%BE"
      mode=""
      class="helpcenter"
    />
    <view class="helptitle">常见问题 </view>
 <!--   <view
      @click="
        to(
          'http://m.cloudhouse.live/%E5%AE%89%E5%BF%83%E5%AE%BF%E6%88%BF%E5%AE%A2-%E6%97%A0%E6%B3%95%E6%8B%8D%E7%85%A7.jpg'
        )
      "
    >
      <view class="q">
        <image src="../../static/img/q.png" class="qimg"></image
        >人脸识别时无法拍照？
      </view>
    </view> -->
    <view
      @click="
        to(
          'http://m.cloudhouse.live/%E5%AE%89%E5%BF%83%E5%AE%BF%E6%88%BF%E5%AE%A2-%E5%A6%82%E4%BD%95%E6%B7%BB%E5%8A%A0%E5%90%8C%E4%BD%8F%E4%BA%BA.jpg'
        )
      "
    >
      <view class="q">
        <image src="../../static/img/q.png" class="qimg"></image
        >如何添加同住人？
      </view>
    </view>
    <view
      @click="
        to(
          'http://m.cloudhouse.live/%E5%AE%89%E5%BF%83%E5%AE%BF-%E6%88%BF%E5%AE%A2-%E9%A6%96%E9%A1%B5%E6%97%A0%E8%AE%A2%E5%8D%95'
        )
      "
    >
      <view class="q">
        <image src="../../static/img/q.png" class="qimg"></image
        >为何首页没有订单？
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    to(img) {
      uni.navigateTo({
        url: "/pages/qa/qa?img=" + img,
      });
    },
  },
};
</script>
<style>
page {
  background-color: white;
}
</style>
<style scoped>
.page {
  padding: 0 48rpx;
}
.helpcenter {
  width: 100%;
  height: 200rpx;
  display: block;
  margin: auto;
  margin-top: 48rpx;
}
.helptitle {
  font-size: 36rpx;
  font-weight: bold;
  color: #000000;
  margin-top: 80rpx;
  padding-bottom: 40rpx;
}
.q {
  font-size: 32rpx;
  color: #000000;
  display: flex;
  align-items: center;
  padding: 40rpx 0;
  border-bottom: 1px solid #f5f5f5;
}
.a {
  font-size: 28rpx;
  color: #797979;
  margin-top: 24rpx;
}

.qimg {
  height: 34rpx;
  width: 34rpx;
  margin-right: 5px;
}
</style>
